<html>
<head>
    <meta charset="UTF-8">
    <title>添加</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="js/jquery.min.js"></script>
</head>
<body>
<div id="main">
<section class="aui-flexView">
	<header class="aui-navBar aui-navBar-fixed" style="background-color: white;">
		<a href="javascript:history.back(-1);" class="aui-navBar-item">
			<i class="icon icon-return"></i>
		</a>
		<div class="aui-center">
			<span class="aui-center-title" style="color: black;">添加好友</span>
		</div>
		<a href="javascript:;" class="aui-navBar-item">
			<i class="icon"></i>
			
		</a>
	</header>
	<section class="aui-scrollView" style="background-color: #f9f9f9">  
	   <div class="header" v-if=" !iclear ">
	   		<div class="header-item"><a href="">找人</a></div>
	   		<div class="header-item"><a href="">找群</a></div>
	   		<div class="header-item"><a href="">找公众号</a></div>
	   </div>
	   <div class="divHeight" v-if="getShow()"></div>
	   <div class="search-box">
	   <!-- 用户检索 -->	       
		   <div class="search-input" id="search" contenteditable="true" placeholder="搜索" v-focus="true" v-text="searchItem" @input="inputValue($event)">
		   		
		   </div>
		   <div class="search-items" v-if=" icon_show ">
		   		<a @click="searchItemList()">
		   			<div class="user-item">
		   			<div class="user-item-headpic">
		   				找人：
		   			</div>
		   			<div class="user-item-username">
		   				<span class="input">{{ searchItem }}</span>
		   			</div>
		   		</div>
		   		</a>
		   		<a href="javascript:searchItem(1)"><div class="user-item">
		   			<div class="user-item-headpic">
		   				找群：
		   			</div>
		   			<div class="user-item-username">
		   				<span class="input">{{ searchItem }}</span>
		   			</div>
		   		</div></a>
		   </div>
	   </div>
	   <div class="search-list-box" v-if="searchList.length > 0">
	   		<div class="menu-header">搜索结果</div>
	   		<div class="search-user-list" v-for="item in searchList">
	   			<searchitem :user="item"></searchitem>
	   		</div>
	   </div> 
	   <div v-if=" !iclear ">
		   <div class="divHeight"></div>
		   <div class="add-menu mt-3" v-for="item in itemList">
				<item :text="item.text"></item>
		   </div>
		   <div class="divHeight"></div>
		   <div class="menu-header">你可能认识

		   </div>
		   <div class="friend-list-line" >
		   <!-- 好友列表 -->
		   		<div class="friend-items-line">
		   			<div class="friend-item-line">
		   				<div class="friend-item-headpic-line">
			   				<img class="friend-avator" src="http://markerfile.oss-cn-beijing.aliyuncs.com/fileupload/USER_000063/headpic/0551b5bffa75498a89d882136eeb54bf.jpg?Expires=1856781655&OSSAccessKeyId=LTAIj5tGvvr8G5YH&Signature=CEFVmTsMAbNHsvQBGcozHl5%2BBu8%3D" url="http://markerfile.oss-cn-beijing.aliyuncs.com/fileupload/USER_000063/headpic/0551b5bffa75498a89d882136eeb54bf.jpg?Expires=1856781655&OSSAccessKeyId=LTAIj5tGvvr8G5YH&Signature=CEFVmTsMAbNHsvQBGcozHl5%2BBu8%3D"/>
			   			</div>
			   			<div class="friend-item-nickName">
			   				<span>斯人若彩虹</span>
			   			</div>
			   			<div class="add-btn">
			   				<span>添加</span>
			   			</div>
		   			</div>
		   		</div>
		   		<div class="friend-items-line">
		   			<div class="friend-item-line">
		   				<div class="friend-item-headpic-line">
			   				<img class="friend-avator" src="http://markerfile.oss-cn-beijing.aliyuncs.com/fileupload/USER_000003/headpic/99cd1f1adf7448f3c119e4340a4e5985.jpg?Expires=1856767989&OSSAccessKeyId=LTAIj5tGvvr8G5YH&Signature=xnzWG3nQRU5f%2FhXnQygyfce7oWM%3D" url="http://markerfile.oss-cn-beijing.aliyuncs.com/fileupload/USER_000003/headpic/99cd1f1adf7448f3c119e4340a4e5985.jpg?Expires=1856767989&OSSAccessKeyId=LTAIj5tGvvr8G5YH&Signature=xnzWG3nQRU5f%2FhXnQygyfce7oWM%3D"/>
			   			</div>
			   			<div class="friend-item-nickName ">
			   				<span>梦幻太子7</span>
			   			</div>
			   			<div class="add-btn">
			   				<span>添加</span>
			   			</div>
		   			</div>
		   		</div>
		   		<div class="friend-items-line">
		   			<div class="friend-item-line">
		   				<div class="friend-item-headpic-line">
			   				<img class="friend-avator" src="images/sw2019.jpg" url="images/sw2019.jpg"/>
			   			</div>
			   			<div class="friend-item-nickName ">
			   				<span>我是假的账号</span>
			   			</div>
			   			<div class="add-btn">
			   				<span>添加</span>
			   			</div>
		   			</div>
		   		</div>
		   </div>
		</div>
	</section>
	<fcomponent></fcomponent>
</section>
</div>
</body>
<script type="text/javascript" src="js/add.js"></script>
</html>